<template>
  <div class="wrapper">
      <swiper>
          <swiper-item v-for='(item,id) in banners' :key="id">
            
              <a :href="item.link">
                  <img :src="item.image" alt="">
              </a>
          </swiper-item>
      </swiper>
  </div>
</template>

<script>
  import {Swiper, SwiperItem} from 'components/common/swiper/index.js';

  export default {
    name:'',
    components: {
        Swiper,
        SwiperItem
    },
    props: {
        banners:Array,
        recommend:Array,
    },
    data() {
      return {
      };
    },
    watch: {},
    computed: {},
    methods: {},
    created() {},
    mounted() {}
  };
</script>

<style>
  .wrapper{}
</style>